<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<NerdDinner.Web.Models.Data.Dinner>" %>

<asp:Content ID="Title" ContentPlaceHolderID="TitleContent" runat="server">
    Dinner: <%=Html.Encode(Model.Title) %>
</asp:Content>

<asp:Content ID="Javascript" ContentPlaceHolderID="JavascriptContent" runat="server">
    <script src="/Scripts/MicrosoftAjax.js" type="text/javascript"></script> 
    <script src="/Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>
    <script src="/Scripts/jQuery-1.3.2.js" type="text/javascript"></script>  
    <script type="text/javascript">
        function AnimateRSVPMessage() {
            $("#rsvpmsg").animate({ fontSize: "2.5em" }, 800);
        }
    </script> 
</asp:Content>
    
<asp:Content ID="Main" ContentPlaceHolderID="MainContent" runat="server">
    
    <div id="dinnerDiv"> 

        <h2><%=Html.Encode(Model.Title) %></h2>
        <p>
            <strong>When:</strong> 
            <%=Model.EventDate.ToShortDateString() %> 

            <strong>@</strong>
            <%=Model.EventDate.ToShortTimeString() %>
        </p>
        <p>
            <strong>Where:</strong> 
            <%=Html.Encode(Model.Address) %>,
            <%=Html.Encode(Model.Country) %>
        </p>
         <p>
            <strong>Description:</strong> 
            <%=Html.Encode(Model.Description) %>
        </p>       
        <p>
            <strong>Organizer:</strong> 
            <%=Html.Encode(Model.HostedBy) %>
            (<%=Html.Encode(Model.ContactPhone) %>)
        </p>
        
        <% Html.RenderPartial( "RSVPStatus" ); %> 
        <% Html.RenderPartial("EditAndDeleteLinks"); %>    
        <% Html.RenderPartial("RSVPList", Model); %>    
        
    </div>
    
    <div id="mapDiv"> 
        <%Html.RenderPartial( "Map" ); %>     
    </div> 
     
</asp:Content> 

